id
<!-- #li -->
<div id="li"></div>

类名
<!-- .dong -->
<div class="dong"></div>

属性
<!-- a[href="c" name="b"] -->
<a href="c" name="b"></a>

子节点
<!-- div>p -->
<div>
  <p></p>
</div>

兄弟
<!-- div+p -->
<div></div>
<p></p>

父
<!-- div>ul>li^p -->
<div>
  <ul>
    <li></li>
  </ul>
  <p></p>
</div>

重复
<!-- a{}*5 -->
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>

分组
<!-- .header{头部区域}+p.title{标题区域}+.content{内容区域}>(.swiper{轮播图}+ul.ads{广告列表}>li.ad_item{第$@4个广告}*4^ul.goods{商品列表}>li.good${我是第$个商品}*8) -->
<div class="header">头部区域</div>
<p class="title">标题区域</p>
<div class="content">
  内容区域
  <div class="swiper">轮播图</div>
  <ul class="ads">
    广告列表
    <li class="ad_item">第4个广告</li>
    <li class="ad_item">第5个广告</li>
    <li class="ad_item">第6个广告</li>
    <li class="ad_item">第7个广告</li>
  </ul>
  <ul class="goods">
    商品列表
    <li class="good1">我是第1个商品</li>
    <li class="good2">我是第2个商品</li>
    <li class="good3">我是第3个商品</li>
    <li class="good4">我是第4个商品</li>
    <li class="good5">我是第5个商品</li>
    <li class="good6">我是第6个商品</li>
    <li class="good7">我是第7个商品</li>
    <li class="good8">我是第8个商品</li>
  </ul>
</div>

编号以及从第几个开始编号
<!-- a.jin${第$@4个商品}*4 -->
<a href="" class="jin1">第4个商品</a>
<a href="" class="jin2">第5个商品</a>
<a href="" class="jin3">第6个商品</a>
<a href="" class="jin4">第7个商品</a>

内容
<!-- p{} -->
<p>呵呵呵呵</p>
